<!--Tabs Start-->
<div class="span7">
    <ul id="myTab" class="nav nav-tabs tabs-main">
        <li class="active"><a href="#summary" data-toggle="tab">Summary</a></li>
        <li><a href="#notification" data-toggle="tab">Notification</a></li>
        <li><a href="#buttons" data-toggle="tab">Buttons</a></li>
    </ul>
    <div id="myTabContent" class="tab-content tabs-main-content">
        <div class="tab-pane fade in active tab-overflow-main" id="summary">
            <div class="summary-title">Title #</div>   
            <div class="summary-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div> 

            <div class="summary-items">

                <div class="summary-item">
                    <div class="summary-line-blue"></div>
                    <div class="summary-header">Perfom a Master recodr of comlaints and monitoring</div>  
                    <div class="summary-interest">93%</div>
                    <div class="summary-rating">
                        <span class="rating-1"></span>
                        <span class="rating-2"></span>
                        <span class="rating-3"></span>
                        <span class="rating-4"></span>
                        <span class="rating-5"></span>
                        <span class="rating-6"></span>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="summary-item">
                    <div class="summary-line-blue"></div>
                    <div class="summary-header">Flag as inappropriate</div>  
                    <div class="summary-interest">25%</div>
                    <div class="summary-rating">
                        <span class="rating-1"></span>
                        <span class="rating-2"></span>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="summary-item">
                    <div class="summary-line-blue"></div>
                    <div class="summary-header">Add some spice to your webpage by adding this breadcrumbs </div>  
                    <div class="summary-interest">72%</div>
                    <div class="summary-rating">
                        <span class="rating-1"></span>
                        <span class="rating-2"></span>
                        <span class="rating-3"></span>
                        <span class="rating-4"></span>
                    </div>
                    <div class="clear"></div>
                </div>

            </div>
        </div>

        <div class="tab-pane tab-overflow-main" id="notification">

            <div class="notification-box">

                <div class="notification-mes">
                    <div class="n_icon"><a href="#"><i class="icon-user"></i></a></div>
                    <div class="c_avatar pull-right"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/users/11.jpg" alt=""></div>
                    <div class="n_mes">
                        <div class="c_author">Maria Clark <span>registered</span></div>
                        <div class="r_text"><i class="icon-time"></i> 15th of May - 06:21</div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="notification-mes c_bg-2">
                    <div class="n_icon"><a href="#"><i class="icon-map-marker"></i></a></div>
                    <div class="c_avatar pull-right"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/maps_mini.jpg" alt=""></div>
                    <div class="n_mes">
                        <div class="c_author">Alan Cook <span>checked-in Hall Airport</span></div>
                        <div class="r_text"><i class="icon-time"></i> 15th of May - 06:21</div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="notification-mes last-item">
                    <div class="n_icon"><a href="#"><i class="icon-thumbs-up"></i></a></div>
                    <div class="c_avatar pull-right"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/strat_mini.jpg" alt=""></div>
                    <div class="n_mes">
                        <div class="c_author">Blake Washington <span>like thought: "Who strawberry?" </span></div>
                        <div class="r_text"><i class="icon-time"></i> 15th of May - 06:21</div>
                    </div>
                    <div class="clear"></div>
                </div>

            </div>    

        </div>

        <div class="tab-pane tab-overflow-main" id="buttons">
            <input type="submit" class="btn btn-large" value="Large">
            <input type="submit" class="btn btn-primary btn-large" value="Large">
            <input type="submit" class="btn btn-info btn-large" value="Large">
            <input type="submit" class="btn btn-success btn-large" value="Large">
            <input type="submit" class="btn btn-warning btn-large" value="Large">
            <input type="submit" class="btn btn-danger btn-large" value="Large">
            <input type="submit" class="btn btn-inverse btn-large" value="Large">  
            <div class="seperator_dashed"></div>
            <input type="submit" class="btn" value="Default">
            <input type="submit" class="btn btn-primary" value="Default">
            <input type="submit" class="btn btn-info" value="Default">
            <input type="submit" class="btn btn-success" value="Default">
            <input type="submit" class="btn btn-warning" value="Default">
            <input type="submit" class="btn btn-danger" value="Default">
            <input type="submit" class="btn btn-inverse" value="Default">    
            <div class="seperator_dashed"></div>
            <input type="submit" class="btn btn-small" value="Small">
            <input type="submit" class="btn btn-primary btn-small" value="Small">
            <input type="submit" class="btn btn-info btn-small" value="Small">
            <input type="submit" class="btn btn-success btn-small" value="Small">
            <input type="submit" class="btn btn-warning btn-small" value="Small">
            <input type="submit" class="btn btn-danger btn-small" value="Small">
            <input type="submit" class="btn btn-inverse btn-small" value="Small"> 
            <div class="seperator_dashed"></div>
            <button class="btn  btn-mini">Mini</button>
            <button class="btn  btn-primary btn-mini">Mini</button>
            <button class="btn  btn-info btn-mini">Mini</button>
            <button class="btn  btn-success btn-mini">Mini</button>
            <button class="btn  btn-warning btn-mini">Mini</button>
            <button class="btn  btn-danger btn-mini">Mini</button>
            <button class="btn  btn-inverse btn-mini">Mini</button>        
        </div>


    </div>
</div>
<!--Tabs END-->
